<template>
<div class="outter">
    <div class="hello"></div>
    <MyChart v-bind:datas="this.datas"></MyChart>
</div>
</template>
<script>
import MyChart from '../components/DataAnalysis/MyChart.vue';
export default{
    name: "Login",
    components:{
        MyChart
    },
    data(){
        return{
            datas:[
              // 填充统计结果
              { value: 235, name: "AA" },
              { value: 274, name: "BB" },
              { value: 310, name: "CC" },
              { value: 335, name: "DD" },
              { value: 400, name: "EE" }
        ]
        }
    }
}
</script>

<style scoped>
.hello{
    width: 200px;
    height: 200px;
    background-color: aqua;
}
.outter{
    width: 700px;
    height: 700px;
    background-color: red;
}
</style>